<template>
	<view>
		<nav-custom></nav-custom>
		<view class="cake-cont">
			<view class="cake-item" v-for="(item,index) in 10">
				<image src="../../static/1.jpg" mode=""></image>
				<view class="fs-30">
					甜甜梅梅123
					<text class="iconfont icon-gouwuche"></text>
				</view>
				<view class="fs-14">
					TianTianMeiMei
				</view>
				<view class="fs-16">
					<text>￥</text>
					218.0
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad() {
			this.$get('/1.1/classes/CakeList').then(res=>{
				console.log(res);
			})
		}
	}
</script>

<style lang="scss">
	page{
		padding-top: 100upx;
	}
	.cake-cont {
		display: flex;
		flex-wrap: wrap;
		padding: 15upx;
	}

	.cake-item {
		width: 350upx;
		margin-bottom: 20upx;
		margin-right: 20upx;

		&:nth-of-type(2n) {
			margin-right: 0;
		}

		image {
			width: 350upx;
			height: 350upx;
		}
	}
</style>
